<template>
  <div class="item">  
    <div class="detail">
      <div class="between">
      			  <span class="name">瑞幸招聘兼职服务员</span>
      			  <span class="create">5个小时前发布</span>
       </div>
      <div class="between middle">
      			  <span class="require">
      				   <span class="tip">月结</span>  <span class="tip">男女不限</span>
      			  </span>
      			  <span class="money">150/天</span>
      </div>
	  <div class="line between">
	     
		 <div class="between">
			  <span class="shop">瑞幸咖啡</span>
			  <span class="address">恒大附近</span>
		 </div>
		         
		 
		   
		<div class="right" @click="show=!show">
		  {{ show?'收起':'展开' }}
		  <van-icon name="arrow-down" v-if="!show"/>
		  <van-icon name="arrow-up" v-else/>
		</div>
	  </div>
    </div>
	<div class="info" v-if="show">  
	 <div class="line"> 
	 <br>工作时间：星期一、星期二、星期三、星期四、星期五、星期六  
	 <br>有限期限：长期招聘 
	 <br>学历要求：大专 
	 <br>员工福利：交通补贴、及时奖励、通讯补贴 
	 <br>工作时段：凌晨（03：00~05：00） 
	 <br>公司认证：营业执照认证、银行卡认证、兼职网认证 
	 <br>详细地址：武汉市洪山区光谷创业街佳园路36号
	 </div>
	</div>
  </div>
</template>
<script >  
import {mapState,mapMutations} from 'vuex';  
export default {
  name: 'App',
  data(){
    return {
       show:false,
	}
  }, 
  created(){ 
  },
  methods: {  
	  
  },
  mounted(){ 
      
  }, 
}
</script>
<style scoped>
	 .item{
		 width:98%;
		 box-sizing: border-box;
		 display: inline-block;
		 border-radius: 8px; 
		 margin:10px 2px;
		 padding:10px;
		 box-shadow: rgba(0,0,0,0.5) 0px 0px 1px 1px ;
	 }
	 .name{
		 color:#222222;
		 font-size:20px;
		 font-weight: 600;
	 }
	 .money{
		 color:red;
		 font-size:24px;
	 }
	 .middle{
		 margin: 0 0 10px;
	 }
	 .address{
		  
		 margin-left:10px;
	 }

	 
</style>